<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 5、使用 *打印三角形（用到循环嵌套）
        *
        **
        ***
        ****
        *****
        ******
        *******
        ********
        ********* -->

        <script>
            for(var num=1;num<=9;num++){
                for(var j=0;j<num;j++){
                    document.write('*')
                }
                document.write('<br>')
            }
        </script>
<br>
<br>
<!-- ---------------------------------------------- -->

   <!-- *********
        ********
        *******
        ******
        *****
        ****
        ***
        **
        * -->

        <script>
            for(var num=9;num>0;num--){
                for(var j=0;j<num;j++){
                    document.write('*')
                }
                document.write('<br>')
            }
        </script>

<!-- ---------------------------------------------- -->

        <script>
            for(var num=9;num>0;num--){
                // for(var j=0;j<num;j++){
                //     if(j>=num){
                //         document.write('*')
                //     }
                //     document.write(' ')
                // }
                // document.write('<br>')
                for(var j=0;j<num;j++){
                    document.write('<span style="display:inline-block; width:7.3px"></span>')
                }
                for(var i=9;i>=num;i--){
                    document.write('*')
                }
                document.write('<br>')
            }
        </script>
</body>
</html>